<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户登录</title>
<!-- 引入css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<!-- 使用bootstrap前端框架，首先引入jquery -->
<script type="text/javascript" src="/js/jquery-3.3.1.js"></script>
<!-- 引入js插件 -->
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("input").focus(function(){
			$(this).css("background-color","gray")
		})
		$("input").blur(function(){
			$(this).css("background-color","white")
		})
		$("input").hover(
			function(){
			$(this).css("background-color","blue")
		}
			
			)
	})
</script>

<script type="text/javascript">
	
</script>
</head>
<body style="background:url('images/bg6.jpg');background-size:cover;">
	<div align="center">
	<form action="LoginServlet?flag=login" method="post">
		<span class="glyphicon glyphicon-user" style="color:red;"></span>
		<input name="userName" autofocus="autofocus"><br>
		<span class="glyphicon glyphicon-lock" style="color:gray;"></span>
		<input name="pwd"><br>
		<input type="hidden" name="flag" value="login">
		<input type="reset" value="重置">&nbsp;&nbsp;<input type="submit" value="登录">
	</form>
	${errorMsg }
	</div>
</body>
</html>